@charset "utf-8";
/* CSS Document */
/* 公共样式 */
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display:block}
* { margin:0px; padding:0px; border:0px;/*box-sizing: border-box;*/}
img,div { border:none;}
body {color:#333;font:12px "微软雅黑","microsoft jhenghei","宋体";}
table { border-collapse:collapse;}
a {outline:none;}
a {color:#333333;text-decoration:none;}
a:hover {text-decoration:none;}
li { list-style:none;}
input,select,button,textarea {vertical-align:middle;font-family:"microsoft Yahei","微软雅黑","microsoft jhenghei","宋体"; outline: none;}

.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.w1100 { width:1200px; margin:0 auto;}
.w1120 { width:1200px; margin:0 auto;}
.wrap {text-align: center;margin-top: 60px;}


/*index*/
.topbar {width: 100%;height: 52px; background:#0171b5;min-width: 1100px;line-height: 52px;}
.topbar_left {color: #fff;font-size: 14px;}
.topbar_right,.topbar_right a {color: #fff;line-height: 52px;}
.topbar_right a {margin: 0 8px;}
.topbar_right a:hover { text-decoration:underline;}
.head {padding:27px 0 27px 0;}
.logo {height: 60px;width: 289px;float: left;}
.none{display: none;}
.logo img {height: 100%;}
/* nav */
.nav{ height:36px; line-height:36px; position:relative; z-index:1; margin-top:7px; }
.nav a{ color:#656565;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 18px;margin:0 2px; font-size:16px; font-weight:bold; font-weight:normal;  }
.nav .sub{ display:none; width:100px; left:0; top:50px;  position:absolute; background:#fff;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block;width:100px;text-align:center; line-height:30px;}
.nav .on h3 a,.nav h3 a:hover{ background:#0171b5; color:#fff; border-radius:5px;transition: all .3s;   }


.search {width: 150px;height: 28px;background: #fff;border-radius: 15px;z-index: 5;color: #666;margin-top:12px;margin-left:10px;}
.search {width: 180px;}
.search input[type="submit"] {background: url(../images/search05.png) no-repeat center 7px;width: 32px;height: 28px;border: none;outline: 0;padding: 0;float: right;margin-right: 2px; cursor:pointer;}
.search input[type="text"] {width: 124px;height: 28px;line-height: 28px;font-size: 12px;border: none;padding: 0 10px 0px 12px;float: left;outline: 0;background: none;*width: 80px;color:#999;}

.indexNews{overflow:hidden;background:url(../images/index02.jpg) no-repeat center top;background-size:cover;}
.indexTit{padding-top:13px;padding-bottom:17px;text-align:center;}
.indexTit h3{color:#fff;font-weight:bold;font-size:30px;overflow:hidden;text-transform:uppercase;font-family:"Arial";filter:alpha(opacity=40);opacity:0.4;font-weight: normal;color:#666;}
.indexTit h4{color:#333;font-weight:normal;line-height:50px;height:50px;font-size:28px;overflow:hidden;}
.indexTit p{display:block;width:1200px;margin:0 auto;text-align:center;color:#cbcbcb;line-height:20px;max-height:40px;overflow:hidden;font-size:12px;}
.indexTit .decoration{margin:8px auto 16px;background:#1f56a9;width:40px;height:2px;font-size:0;}
.indexNews .indexTit{margin-top:6px;}
.indexNewsCon{width:1200px;margin:0 auto;}
.indexNewsCon .list{width:1515px;height:340px;overflow:hidden;}
.indexNewsCon .item{float:left;width:390px;margin-right:15px;height:340px;overflow:hidden;position:relative;background:#fff;}
.indexNewsCon .item *{-webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;transition:all ease-in 0.3s;}
.indexNewsCon .item_pic,.indexNewsCon .item_pic img{display:block;width:390px;height:240px;} 
.indexNewsCon .item_pic{overflow:hidden;}
.indexNewsCon .item_pic img{transition:transform .3s ease-in-out;}
.indexNewsCon .item_rect{position:absolute;top:0;left:0;border:3px solid transparent;width:384px;height:337px;} 
.indexNewsCon .item_info{padding:16px 20px 0;}
.indexNewsCon .item_info_show{float:left;width:272px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.indexNewsCon .item_info_tit{height:26px;line-height:26px;color:#1f56a9;font-size:16px;font-weight:normal;}
.indexNewsCon .item_info_note{padding-top:4px;height:22px;line-height:22px;color:#555;font-size:12px;font-weight:normal;}
.indexNewsCon .item_info_arrow{float:right;margin-top:18px;}
.item_info_arrow{width:51px;height:24px;background:url(../images/icon3_arr.png) no-repeat 0 0;} 
.indexNewsCon .item:hover{background:#1f56a9;}
.indexNewsCon .item:hover .item_rect{border-color:#1f56a9;}
.indexNewsCon .item:hover .item_info_tit{color:#fff;}
.indexNewsCon .item:hover .item_info_note{color:#fff;}
.indexNewsCon .item:hover  .item_info_arrow{background-position:-51px 0;}
.indexNewsCon .indexNewsConGetMore{padding-top:86px;text-align:center;}
.indexNewsConGetMore a{display:inline-block;vertical-align:middle;border:1px solid #fff;width:auto;height:38px;line-height:38px;padding:0 57px;font-size:16px;font-weight:normal;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;}.indexNewsConGetMore a,.indexNewsConGetMore a:hover{text-decoration:none;}.indexNewsConGetMore a:hover{background:#1f56a9;border-color:#1f56a9;color:#fff;}

.case_list li { float:left;border:1px #eee solid;border-right:none;border-bottom:none;width:300px; text-align:center;padding:30px 0; position:relative; overflow:hidden;}
.in_moreb{position: absolute;top:-321px;width: 99%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;width:100%;height:100%;}
.case_list a { display:block;}
.case_list li:hover .in_moreb{	top: 0px;display:block; background:#0171b5;}
.case_list li:hover .case_bot{top:321px;}
.in_more a { border:1px #fff solid; border-radius:20px;display:inline-block;width:120px;height:34px; text-align:center; line-height:34px;color:#fff;}
.in_moreb p { font-size:20px;color:#fff;margin:30px 0 15px 0;}

/* effect-1 css */
.btn{display: inline-block; padding: 5px 20px; font-size: 14px; color: #fff; border: 1px solid #fff; text-decoration: none; transition: 0.4s; border-radius:15px;}
.btn:hover{background-color: transparent; color: #000; transition: 0.4s; background:#fff;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #0171b5; height: 100%; opacity: 0; width: 100%;}
.port-1{position: relative; overflow: hidden; text-align: center;width:300px;height:210px;}
.port-1 .text-desc{opacity: 1; top: -290px; transition: 0.5s; color: #fff;}
.port-1 img{transition: 0.5s;}
/*.port-1:hover img{transform: scale(1.2);}*/
.image-box p { font-size:18px;margin-top:5px;}
.image-box { margin-top:30px;}
.port-1.effect-1:hover .text-desc{top: 0;}

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 45px 20px 20px;}
.container li { width:298px;height:210px; float:left;border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.text-desc p { font-size:20px; margin:63px 0 20px 0;}
.container ul { width:1200px;}
.container li:nth-child(1),.container li:nth-child(2),.container li:nth-child(3),.container li:nth-child(4) { border-bottom:none;}
.container li:nth-child(4),.container li:nth-child(8) { border-right:1px solid #eee;}
/* effect-1 css end */
/* 本例子css */
.slideGroup{ width:1200px;margin-bottom: 60px;}
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; cursor:pointer;   }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{  zoom:1; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-60px; top:24px; display:block; width:30px; height:40px;background:#d1d1d1;color:#fff;font-size:20px; text-align:center; line-height:40px; z-index:99999; }
.slideGroup .sNext{ left:auto; right:-60px; }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ background:#0171b5; }
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:185px;text-align:left;margin-right:18px; }
.slideGroup .parBd ul li img { width:183px; height:80px;border:1px #eee solid;}
.tempWrap { width:1200px !important; overflow:hidden;}
.in_more2 a {color: #fff;font-size:14px;border:1px solid #fff;margin-top:16px;width: 130px;height: 35px;line-height: 35px;display: inline-block;text-align: center;text-transform: uppercase;}
.in_more2 a:hover { background:#dc9200;border:1px solid #dc9200;transition: 0.4s;}

.innews { width:1225px;}
.innews li { width:580px;margin-right:25px;height:155px; overflow:hidden; text-align:left; background:#fff;transition: 0.4s; float:left;margin-bottom:25px;}
.innews li a { color:#333;}
.innews_img { width:200px;}
.innews_img img { width:200px;height:155px;display:block;}
.innews_text { padding:22px 20px;width:340px;}
.innews_text h3 { color:#000;font-size:15px;font-weight:normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.innews_text span { color:#0171b5;margin:9px 0 12px 0;display: block; }
.innews_text p { color:#525252;font-size:14px; line-height:26px;height:51px; overflow:hidden;}
.innews li:hover { background:#dc9200;}
.innews li:hover .innews_text h3,.innews li:hover .innews_text p,.innews li:hover .innews_text span { color:#fff;}

/* 底部 */
.footer { background:#363636;padding:40px 0;}
.foot_list {float: left;width: 210px;margin: 0;}
.foot_list dt {margin: -1px 0 26px;font-size: 15px;line-height: 1.25;color: #fff;}
.foot_list dd {margin: 10px 0 0;font-size: 13px;}
.foot_list a,.foot_list {color: #b9b9b9;}
.foot_list a:hover {color: #eee;}
.con_bot { width:360px;}
.bot { text-align:center; background:#222; line-height:56px;font-size:13px;color:#bdbdbd;}
.bot a { color:#bdbdbd;}
/* banner */
.flexslider{position:relative;height:544px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;}
.slides li a{height:544px;display: block;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:13px;margin:0 5px;*display:inline;zoom:1; overflow:hidden;}
.flex-control-nav a{display:inline-block;width:12px;height:13px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right top no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:left top;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat; opacity:0.5;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;opacity:0.5;}
.flex-direction-nav li a.flex-prev:hover,.flex-direction-nav li a.flex-next:hover { opacity:1;}

.text { font-size:15px; line-height:30px;padding:40px 0 50px 0;}

/* 本例子css */
#css3-animated-example { border-bottom:1px solid #e6e6e6;}
.recruit h3 {margin: 0;background-color: #f6f6f6;}
.recruit h3 a {background: url(../images/sprite.png) 18px 23px no-repeat;display: block;padding:15px 10px;padding-left: 42px;margin: 0;color: #333;text-decoration: none;font-weight: normal;border: 1px solid #e6e6e6;border-bottom:1px;}
.recruit h3.open a {background-position: 16px -16px;}
.recruit h3 + div {padding: 10px;}
.recruit h2 + div, .example {background: #fff;overflow: hidden;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;margin-bottom: 20px;}
.recruit h3+div {display: none;}
#css3-animated-example h3 + div {height: 0px;padding: 0px;overflow: hidden;display: block!important;-webkit-transform: translateZ(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition:all 0.3s ease;transition: all 0.3s ease;}
#css3-animated-example .content {padding: 30px;}
#css3-animated-example h3.open + div {height: auto;background: #fff;border: 1px solid #e6e6e6;border-bottom:1px;}
.rec_span { font-size:14px;color:#666;padding-right:15px; float:right; }

/* laboratory */  
.list_down_tb { border-collapse: collapse;border-spacing: 0;width: 100%;text-align: center; border:1px solid #e6e6e6;}
.list_down_tb tr .jobs_t1 {padding-left: 20px;}
.list_down_tb th {font-size: 15px;font-weight: bold;padding: 10px 5px;border-style: solid;word-break: normal;border-color: #fff;background-color: #999;color:#fff;}
.list_down_tb td {font-size: 15px;padding: 12px 5px;word-break: normal;border-bottom: 1px dotted #e6e6e6;color: #666;}
.download_box img{ width:20px; height:20px;}
.list_diwn2{ background:#f4f4f4;}
.list_down_tb a { display:block;}
.list_down_tb tr:hover .jobs_t1 a { color:#0171b5;}

/*------------------------------------分页样式----------------------------------*/
.yu {clear: both;height: 46px;color:#333;text-align:center; padding:40px 0 10px;}
.yu span {border: 1px solid #f3f3f3;background:#fff;margin-right: 2px;padding:7px 12px;}
.yu a {background: none repeat scroll 0 0 #fff;border: 1px solid #e9e9e9;padding:7px 12px;color:#333;}
.yu a{
transition: background 1s, color 0.5s;
-moz-transition: background 1s, color 0.5s;	/* Firefox 4 */
-webkit-transition: background 1s, color 0.5s;	/* Safari 和 Chrome */
-o-transition: background 1s, color 0.5s;	/* Opera */	}
.yu .current, .yu a:hover {background: none repeat scroll 0 0 #0171b5;border: 1px solid #0171b5;color: #fff;padding:7px 12px;text-decoration: none;}
.yu ul li {float: left;font-size: 12px;height: 22px;line-height: 22px;margin: 0 5px;}
.yu ul li a {font-size: 12px;font-weight: bold;margin: 0 5px;}
.yu ul li select {font-size: 12px;vertical-align:top;}
/* statute */
.nnews_list2 li { border:1px solid #eee;margin-bottom:40px;background-color: #fff;height: 208px; overflow:hidden;padding:20px;}
.nnews_left { width:268px;height:208px;margin-right:20px;}
.nnews_left img { width:268px;height:208px;display:block;}
.nnews_right { width:860px;}
.nnews_right h3 { font-size:18px;font-weight:normal;margin-bottom:10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 5px;  color:#000;}
.nnews_right p { font-size:15px; line-height:30px;color:#828282;margin-bottom:27px;}
.btn2 {border: 0;font-size: 14px;font-weight: normal;padding: 7px 26px;-webkit-font-smoothing: subpixel-antialiased;-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;transition: border .25s linear,color .25s linear,background-color .25s linear;color: #0171b5;border: 1px solid #0171b5;}
.btn2:hover { background:#0171b5; color:#fff;}
.nnews_right h3 a { display:block;}

.nnews_right2 { width:1158px;}
.btn5 { background:#0171b5;color:#fff;width:100px;margin:0 auto;}
.btn5:hover { background:#02619c; }

.a_nav { border-bottom:1px solid #e4e4e4; background:#f7f7f7;}
.location a,.location { color:#666;font-size:14px; line-height:46px;}
.location a:hover { color:#0171b5;}
.side { text-align:center;margin:40px auto 10px auto;}
.pro_list li a { padding:10px 46px; background:#ebebeb; border-radius:5px;border: 1px solid #eee;}
.pro_list li a:hover,.pro_list li.current a { background:#0171b5;color:#fff;border: 1px solid #0171b5;}
.pro_list li { display:inline-block;*display:inline;*zoom:1;font-size:16px;color:#666;margin:0 3px; }
.pro_list2 li a { height:43px; line-height:43px;}
.text { font-size:16px; line-height:32px;color:#525252;padding-bottom:60px;}
.pro_list3 li a { padding:10px 42px !important;}

.about_banner { width:100%;height:360px;display:block; background:url(../images/about_banner.jpg) no-repeat center;}
.about_banner { color:#fff;}
.about_banner p { font-size:36px; font-family:"Aparajita","宋体";text-transform:uppercase;width:500px; text-align:center;}
.about_banner h3 { font-size:34px; font-weight:normal;width:500px; text-align:center;padding:120px 0 20px 0;}
.nav2 { text-align:center;margin-top:40px;}
.nav2 h3 { font-size:34px;font-weight:normal;color:#0171b5;}
.nav2 p { font-size:16px;color:#999;margin-top:5px;}

.main { background:#f7f7f7;padding-bottom:60px;padding-top:40px;}
.main-newarc-title{padding-bottom:25px;}
.main-newarc-title h2 {text-align:center;font-size:22px;color:#333;font-weight:bold;line-height:30px;padding-bottom:10px;padding-top:10px;}
.main-newarc-title h3 {text-align:center;font-size:20px;color:#333;font-weight:bold;line-height:30px;padding-bottom:25px;padding-top:10px;}
.main-newarc-title .share{height:34px;line-height:34px;overflow:hidden;text-align:center;}
.main-newarc-title .share-p{display:inline-block;*display:inline;*zoom:1;margin:0 17px;font-size:12px;font-weight:normal;color:#666;}
.main-newarc-title .share-p font{color:#999;text-transform:uppercase;margin-right:4px;}
.main-newarc-title .bdsharebuttonbox{display:inline-block;*display:inline;*zoom:1;vertical-align:text-top;position:relative;top:-2px;left:-18px;}
/*------------------------------------上一篇下一篇----------------------------------*/
.JLTupdown{  height: 60px;position: relative;line-height: 28px;padding: 0px 5px;margin-top: 30px;color: #555555;font-size:14px;}
.JLTMain .JLTupdown {width: 100%;overflow: hidden;}
.JLTupdown ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.JLTupdown ul li a,.JLTcometol a{ color:#666;}
.JLTupdown ul li a:hover,.JLTcometol a:hover{ color:#0171b5;}
.JLTupdown strong{ color:#555;}
.JLTcometol {position: absolute;right: 0px;top: 15px;max-width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.con_img { margin-right:70px;margin-left:290px;}
.con { line-height:34px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/* message */
.feed { width:600px;margin:60px auto;}
.feed h3 { font-weight:normal;font-size:26px; text-align:center;margin-bottom:40px;margin-top:10px;padding-right: 13px;}
.name {padding: 9px 10px;font-size: 14px;color: #444;font-weight: normal;width: 560px;background: #f7f7f7;border:1px #eee solid;margin-bottom:20px;}
.name2 { width:100px;}
.feed img { width:100px;height:40px;vertical-align: top;margin-left:10px;}
.message_button { width: 582px;background: #0171b5;border: none;color: #fff;font-size: 16px;margin-top: 10px;border-radius:5px;cursor: pointer; line-height:40px;font-weight:bold;}
.message_button:hover { background:#02619c;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}

/* 客服 */
.floating_ck{position:fixed;right:0px;top:30%; z-index:99;border-top:1px solid #dedede;border-left:1px solid #dedede;}
.floating_ck dl dd{position:relative;width:70px;height:70px;background-color:#fff;border-bottom:solid 1px #dedede;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#0171b5;border-bottom:solid 1px #0171b5;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{display:block;padding-top:44px;    height: 26px;}
.floating_ck dd span a { color:#333;display:block;}
.floating_left{position:absolute;left:-180px;top:0px;width:180px;height:70px;background-color:#0171b5;border-bottom:solid 1px #0171b5;display:none;}
.floating_left{color:#fff;line-height:70px;}
.floating_ewm{height:213px;top:-143px;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:25px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:14px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
.floating_ck dd span a:hover,.floating_ck dd span:hover { color:#fff;}
.consult:hover,.words:hover{background-image:url(../images/zxicon2.png);}
.quote:hover{background-image:url(../images/kficon2.png);}
.qrcord:hover{background-image:url(../images/erweima2.png);}
.return:hover{background-image:url(../images/fanhui2.png);}
.foot_list p { margin:10px 0 0;}